<template>
  <div style="display: inline-flex">
    <el-text>{{ old }}</el-text>
    <el-text v-show="old !== now && old != undefined && old != null && old != ''" type="danger"
      ><Right style="width: 14px"
    /></el-text>
    <el-text v-show="old !== now" type="danger">{{ now }}</el-text>
  </div>
</template>
<script setup lang="ts">
import { toRefs } from "vue";

const props = defineProps({
  old: {
    type: String,
    default: "",
  },
  now: {
    type: String,
    default: "",
  },
});
const { old, now } = toRefs(props);
</script>

<style scoped></style>
